/** @jsxImportSource @emotion/react */
import * as React from "react";
import { Dispatch, SetStateAction } from "react";

//带了操作开关的Context：灵活了！，注意！可是不能不要随意地修改。否则不知道被谁改了，依赖打乱了。
interface UserContextType {
  //用户登录后的 客户端本地保存的身份等 相关数据
  user: any,
    //服务端给出的信息，前端不要更改，除非注销和登录或验证。
  setUser: Dispatch<SetStateAction<any>>
}

//这是实例！   不要重复定义实例，确保访问的是同样一个的东东。
export const UserContext = React.createContext<UserContextType>(
    {
      user:  undefined,
      setUser:  value => null,
    }
);

export default UserContext
